<template>
  <div class="slideshow">
    <van-swipe class="my-swipe" :autoplay="3000" indicator-color="#fff">
      <van-swipe-item
        ><img src="@/assets/binbing/homePageImg/indexBanner01.webp"
      /></van-swipe-item>
      <van-swipe-item
        ><img src="@/assets/binbing/homePageImg/indexBanner02.webp"
      /></van-swipe-item>
      <van-swipe-item
        ><img src="@/assets/binbing/homePageImg/indexBanner03.webp"
      /></van-swipe-item>
      <van-swipe-item
        ><img src="@/assets/binbing/homePageImg/indexBanner04.webp"
      /></van-swipe-item>
      <van-swipe-item
        ><img src="@/assets/binbing/homePageImg/indexBanner05.webp"
      /></van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import axios from "axios";
export default {
  name: "Banner",
  created() {
    axios(
      {
        url: "http://aw2jrf.natappfree.cc/lunbo/lunbo"
      }
    ).then(
      res => {
        // this.goods=res.data.data;
        console.log("res.banner",res);
      }
    ).catch((err)=>{
      console.log(err);
    })
  }
};
</script>

<style scoped>
.slideshow, .my-swipe, .van-swipe-item{
  width: 100%;
  height: 1.64rem;
}

.van-swipe-item img{
  width: 3.82rem;
  height: 1.64rem;
  margin: auto;
  border-radius: 0.16rem;
  overflow: hidden;
}
</style>